当前位置：flash8.0教程－基础教程

名称

《为个人主页添加鼠标跟随效果》的制作过程

预览

《为个人主页添加鼠标跟随动画》的制作方法

【实例说明】：

本例制作一个为个人主页添加鼠标跟随动画的效果。

【操作步骤】：

〖一〗、新建文档

1. 单击“文件”/“新建”命令，创建一个新文档；
2. 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为400×300，背景色为黑色；单击“确定”按钮。

〖二〗、制作“背景层”

1. 双击“图层1”；然后将其命名为“背景层”；
2. 然后选择工具栏上的矩形工具随意在舞台上绘制一个矩形背景；

〖三〗、创建“花瓣”图形元件：单击“插入”/“新建元件”，打开创建新元件对话框。在名称中输入“花瓣”，并单击一下“图形”复选框；单击“确定”按钮进入该元件的编辑状态。

（1）选中“花瓣”图形元件的图层1的第1帧；按住工具栏上的矩形工具不放，稍侯几秒钟，即会出现一个子菜单；单击子菜单中的“多角星形工具”按钮；将工具栏上的笔触颜色设置为红色，填充色选择无；打开属性面板，单击属性面板上的“选项”按钮；在弹出的“工具设置”对话框中将边数设置为“3”；单击“确定”按钮；然后在舞台上绘制一个三角形（大小先不用管）；如下图：

（2）选中工具栏上的“选择工具”；确认没有选择上面的三角形后，将箭头指向上面的一条边，当箭头的尾处出现一个弧形时，按下左键不放向上拖动，将三角形变成如下形状：

（3）再将鼠标箭头放到三角形的下面的“角”处；当箭头尾处出现一个直角符号时，按下鼠标左键不放，向下拖动，修改上面的图为下面的图形；

（4）确认选中“花瓣”图形元件编辑窗口的图层1的第1帧；然后选择工具栏上的“任意变形工具”；这时舞台上的花瓣图形四周将出现8个控制点，并且中间有一个小圆点；用鼠标箭头按住小圆点不放向下拖动到三角形的最下面的角处；单击“窗口”/“变形”，打开变形面板；在对话框中单击“变形”选项卡；在旋转后面输入度数“180”；单击对话框右下角的“复制并应用变形”按钮；再次单击一次第1帧；然后按下键盘上的“shift+alt”的同时利用右上角的控制点将整个图形进行缩放：上面的图形将变成下面的图形：

（5）选中上面的整个图形；仿照上面（2）、（3）、（4）的步骤利用变形面板中的“复制并应用变形”按钮（度数输入“60”，单击两次该按钮）将上面图形修改为下面的图形：

（6）选择工具栏上的“任意变形工具”；选中上面的整个花瓣；然后按下键盘上的“shift+alt”的同时利用右上角的控制点将整个图形进行缩放；如下图所示：

至此，整个“花瓣”图形元件就做好了。

〖四〗、创建“旋转的花朵”影片剪辑元件：

（1）单击“插入”/“新建元件”，打开创建新元件对话框。在名称中输入“旋转的花朵”，并单击一下“影片剪辑”复选框；单击“确定”按钮进入该元件的编辑状态；选中图层1的第1帧；按快捷键打开库面板；将前面制作的“花瓣”图形元件拖放到舞台中；然后选中第10帧；按下键盘上的“F6键”在该帧处插入“关键帧”；用同栏的方法，分别在第20、30、40、50、60、70帧处都插入“关键帧”；

（2）确认选中第10帧；再单击一次舞台上的花瓣图形；然后打开属性面板；单击“颜色”后面的下拉按钮；从中选择“色调”；然后设置RGB值为“255、135、0”；用同样的方法，设置第20帧的色调的RGB值为“0、255、0”；第30帧的色调的RGB值为“204、255、0”；第50帧的色调的RGB值为“255、204、255”；

（3）确认选中第40帧；再单击一次舞台上的花瓣图形；然后打开属性面板；单击“颜色”后面的下拉按钮；从中选择“Alpha”；然后设置Alpha”值为“0%”；用同样的方法，设置第70帧的Alpha”值为“0%”；

〖五〗、创建“花朵层”

1. 退出元件的编辑状态；双击主场景的“图层1”，将其命名为“花朵层”；
2. 选中第1帧；打开库面板；将“花朵”剪辑元件从库中拖放到舞台中；
3. 选中第2帧；按键盘上的F5键插入“帧”；

〖六〗、创建“代码层”

1. 选中“花朵”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“代码层”；
2. 选中第1帧；添加如下代码：

startDrag("_root.flower", true);

//开始拖动花朵影片剪辑.

i = Number(i)+1;

if (Number(i)>=30) {

.i = 1;

}

duplicateMovieClip("_root.flower", flower+i, i);

//复制影片剪辑flower,将新影片剪辑命名为"flower+i"

1. 选中第2帧；按F7键插入“空白关键帧”；然后为该帧添加如下代码：

gotoAndPlay(1);

〖八〗、最后按“Ctrl+Enter”组合键测试影片